<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>品牌故事</title>
    <link rel="stylesheet" href="../static/common/src/reset.css">
	<style>
        .content{
            margin:0 auto;
            /*background: green;*/
            width: 1425px;
            height: 786px;
            position: relative;
        }
        .navbox{
            width: 100%;
            overflow: hidden;
        }
        .imgbox{
            float: left;
            margin-left: 140px;
        }
        .imgbox img{
            margin-top: 21px;
        }
        .nav{
            float: right;
            margin-top: 38px;
            margin-right: 123px;
        }
        .navbox .nav li{
            /*padding: 0 20px;*/
            margin-right: 40px;
            color: white;
            font-size: 16px;
            display: inline-block;
            position: relative;
        }
        .navbox .nav li a.cur:before{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background: #333;
            top:22px;
        }
        .navbox .nav li a:hover:before{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background: #333;
            top:22px;
        }
        .nav li a{
            text-decoration: none;
            color:#333;
        }

        .banner{
        	height: 320px;
        	/*margin-top: 107px;*/
        	background: url(../static/images/brand/brand-banner.jpg) no-repeat center 0;
        }


        .module-desc{
            background: rgb(246,246,246);
            margin:0 auto;
            width: 1210px;
        }
        .module-desc .descimg1{
            float: left;
            margin-right: 80px;
        }
        .module-desc .descimg2{
            float: right;
            margin-left: 80px;
        }
        .descbox{
            height: 500px;
            width: 1210px;
            overflow: hidden;
            margin: 0 auto;
            padding-top: 90px;
        }
        .descinfo-up{
            margin-left: 640px;
            width: 523px;
            padding-right: 30px;
        }
        .descinfo-up h3{
            text-align: left;
            font-size: 36px;
            line-height: 39px;
        }
        .descinfo-up p{
            font-size: 16px;
            color: #333;
            line-height: 30px;
        }
        .descinfo-down{
            margin-right: 640px;
            width: 523px;
        }
        .descinfo-down h3{
            text-align: left;
            font-size: 36px;
            padding-bottom: 30px;
            line-height: 39px;
        }
        .descinfo-down p{
            font-size: 16px;
            color: #333;
            line-height: 30px;
        }
        .descinfo-up h3.title-h3{
        	padding: 0;
        	margin-top: 20px;
		    font-size: 24px;
		    line-height: 1;
		    font-weight: normal;

        }

        .module-img{
        	margin:0 auto;
        	width: 1210px;
        }
        .imgitem{
        	display: inline-block;
        	margin-right: 52px;
        }
        .imgitembox{
        	width: 1268px;
        	/*margin:0 auto;*/
        }

        .module-honey{
        	margin: 0 auto;
        	width: 1210px;
        }

        .module-honey h3{
    	    padding: 40px 20px 40px;
	        text-align: center;
		    font-size: 34px;
		    line-height: 1;
        }
        .module-honey .text{
		    margin: 0 auto;
		    padding-top: 20px;
		    font-size: 16px;
		    line-height: 30px;
	        width: 969px;
		    text-align: left;
        }


        .module-process{
            margin:70px auto 40px; 
            width:1210px;
        }
        .module-process h1{
            font-size: 36px;
            text-align: center;
        }
        .itemlist{
            overflow: hidden;
            width: 1210px;
            margin-top: 40px;
        }
        .module-process .item{
            float:left;
            margin-bottom: 20px;
        }
        .module-process .itemcenter{
            float:left;
            margin: 0 104.5px 20px 121.5px;
        }
        .module-process .item p{
            text-align: center;
            font-size: 18px;
            line-height: 18px;
        }
        .module-process .itemcenter p{
            text-align: center;
            font-size: 18px;
            line-height: 18px;
        }

		.module-process .desc{
		    margin-top: 40px;
		    font-size: 16px;
		    line-height: 1;
		    text-align: center;
		}

		.module-process .brandStory-pic{
		    margin-bottom: 80px;
		}


        .module-link{
            background: #363739;
        }
        .module-link .content{
            width: 1210px;
            margin:0 auto;
            height: 50px;
            line-height: 50px;
            padding: 54px 0 64px;
            font-size: 14px;
            color: #fff;
        }
        .module-link .pic img{
            width: 137px;
            height: 43px;
            float: left;
        }
        .module-link .desc{
            float: right;
            text-align: right;
            line-height: 22px;
        }

	</style>
</head>
<body>
    <div class="content">
        <div class="navbox">
            <a class="imgbox" href=""><img src="../static/images/logo.png" alt=""></a>
            <ul class="nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="">产品</a></li>
                <li><a class="cur" href="brandstory.html">品牌故事</a></li>
                <li><a href="umf.html">UMF监管</a></li>
                <li><a href="">资讯</a></li>
            </ul>
        </div>

        <div class="banner"></div>

        <div class="module-desc">
            <div class="descbox">
                <div class="descimg1">
                    <img src="../static/images/brand/brand-farm.jpg" alt="">
                </div>
                <div class="descinfo-up">
                    <h3>毛利人自有农场</h3>
                    <h3 class="title-h3">原始森林 零污染</h3>
                    <p>AKU为新西兰毛利家族拥有的公司，位于卡塔尼亚，管理和养殖大约2363公顷的优质土地，长期以来放置大量蜂箱，专注于生产品质卓越的麦卢卡蜂蜜。</p>
                </div>
            </div>
        </div>

        <div class="module-img">
        	<div class="imgitembox">
	        	<div class="imgitem">
	        		<img src="../static/images/brand/brand-show-1.jpg" alt="">
	        		<p class="txt">现代化直升机放置蜂箱</p>
	        	</div>
	        	<div class="imgitem">
	        		<img src="../static/images/brand/brand-show-2.jpg" alt="">
	        		<p class="txt">现代化直升机放置蜂箱</p>
	        	</div>
	        	<div class="imgitem">
	        		<img src="../static/images/brand/brand-show-3.jpg" alt="">
	        		<p class="txt">现代化直升机放置蜂箱</p>
	        	</div>
	        	<div class="imgitem">
	        		<img src="../static/images/brand/brand-show-4.jpg" alt="">
	        		<p class="txt">现代化直升机放置蜂箱</p>
	        	</div>
        	</div>
        </div>

        <div class="module-honey">
    		<h3>Taku Honey 品牌故事</h3>
        	<img src="../static/images/brand/taku-honey.jpg" alt="">
        	<p class="text">manuka Honey 是新西兰一家独具特色的麦卢卡蜂蜜品牌，隶属于新西兰的 Westervelt  Company——一家综合经营度假、酒店、休闲庄园、蜂蜜业务的集团公司，实力雄厚。集团公司投资股东之一是毛利族的酋长，其个人资产即包括大片土地（自有农场），其中就包括大片原始的麦卢卡树，是天然的孕育麦卢卡蜂蜜的沃土。Taku Honey的创始人秉承着尊重毛利传统、敬畏自然馈赠的经营理念。在蜜源方面，其蜂蜜采集地位于新西兰人迹罕至的粗犷原野，加工过程中坚持保留纯天然、不添加的麦卢卡蜂蜜品质。在生产设备方面，又大力投资引入现代化生产线，来确保蜂蜜生产过程的卫生安全及规范化管理。</p>
        </div>



        <div class="module-process">
            <h1 class="title">Taku Honey 麦卢卡蜂蜜生产工艺</h1>
            <p class="desc">TAKU注重细节，所有流程力争精准完成，保证提供值得信赖的产品。监管每罐蜂蜜，相关产品测试结果都可以被查到，安全有保障。</p>
            <div class="itemlist">
                <div class="item">
                    <img src="../static/images/index/index-working-1.png" alt="">
                    <p>1、放置蜂箱</p>
                </div>
                <div class="itemcenter">
                    <img src="../static/images/index/index-working-2.png" alt="">
                    <p>2、采蜜</p>
                </div>
                <div class="item">
                    <img src="../static/images/index/index-working-3.png" alt="">
                    <p>3、分离</p>
                </div>
                <div class="item">
                    <img src="../static/images/index/index-working-6.png" alt="">
                    <p>6、灌装</p>
                </div>
                <div class="itemcenter">
                    <img src="../static/images/index/index-working-5.png" alt="">
                    <p>5、膏化</p>
                </div>
                <div class="item">
                    <img src="../static/images/index/index-working-4.png" alt="">
                    <p>4、过滤</p>
                </div> 
            </div>
			<div class="brandStory-pic">
				<img src="../static/images/brand/brand-goods.jpg" alt="">
			</div>

        </div>

        <div class="module-link">
            <div class="content">
                <a href="index.html" class="pic">
                    <img src="../static/images/ft-logo.png" alt="">
                </a>
                <div class="desc">
                    <p class="name">Melita麦卢卡蜂蜜</p>
                    <p class="name">备案号：沪ICP备14024930号</p>
                    <p class="name">食品流通许可证：SP3101151414200025</p>
                </div>
            </div>
        </div>

    </div>
</body>
</html>